<template>
	<div style="text-align: -webkit-auto;">
		<div class="yi">
			<van-row>
				<van-col span="3">
					<van-icon name="arrow-left" @click="tap()"></van-icon>
				</van-col>
				<van-col span="17">
					<div style="margin: 0 auto;text-align: center;">
						收货地址
					</div>
				</van-col>
				<van-col span="3">
					<router-link to="/bwmfb">
						<span style="float:right;">确定</span>
					</router-link>
				</van-col>
			</van-row>
		</div>

		<div class="er">
			<p style="border-bottom: 1px solid #ccc;padding-bottom: 5%;">点击搜索我的位置
				<van-icon name="search" />
			</p>
			<p style="color:#ccc;font-size:14px;border-bottom: 1px solid #ccc;padding-bottom: 5%;">填写楼号、楼层号和门牌号，跑男到达更快哦~</p>
      <div id="ditu" style="height:450px;">

      </div>
		</div>

		<div class="san" style="z-index: 1;background:#fff">
			<div style="border-bottom: 1px solid #ccc;height:20%;">
				<van-icon name="shop" size="25px"/>
				<div class="san1">
					<p style="margin: 4% 0 4% 0;padding: 0;color:#000;">家</p>
					<p style="margin: 0;padding: 0;font-size: 12px;color:#ccc;">设置家的联系地址</p>
					<p style="margin: 0;padding: 0;font-size: 12px;color:#ccc;">设置家的联系方式</p>
				</div>
			</div>
			<div style="border-bottom: 1px solid #ccc;height:20%;">
				<van-icon name="lock" size="25px"/>
				<div class="san1">
					<p style="margin: 4% 0 4% 0;padding: 0;color:#000;">公司</p>
					<p style="margin: 0;padding: 0;font-size: 12px;color:#ccc;">设置公司地址</p>
					<p style="margin: 0;padding: 0;font-size: 12px;color:#ccc;">设置联系方式</p>
				</div>
			</div>
			<div style="border-bottom: 1px solid #ccc;height:25%;">
				<div style="width:22%;height:20%;border:1px solid #ccc;margin-top: 3%;margin-left: 3%;border-radius: 20px;font-size: 12px;text-align: center;">
						常用地址
				</div>
				<van-icon name="star" size="25px"/>
				<div class="san1">
					<p style="margin: 4% 0 4% 0;padding: 0;color:#000;">公司</p>
					<p style="margin: 0;padding: 0;font-size: 12px;color:#ccc;">设置公司地址</p>
					<p style="margin: 0;padding: 0;font-size: 12px;color:#ccc;">设置联系方式</p>
				</div>
			</div>
		</div>

	</div>
</template>

<script>
    export default {
        name: "Shdzfb",
      methods: {
        tap() {
          this.$router.go(-1)
        },
      },
      mounted() {
        var map = new AMap.Map('ditu', {
          zoom:11,//级别
          center: [116.397428, 39.90923],//中心点坐标
          viewMode:'3D'//使用3D视图
        });
      }
    }
</script>

<style scoped>
  .yi{
    margin-top: 5%;
    border-bottom: 1px solid #ccc;
    padding-bottom:6%;
  }
  .yi .van-icon-arrow-left{
    margin-top: 3%;
    margin-left: 13%;
    float:left;
  }
  .van-icon-search{
    float:right;
    margin-right: 5%;
  }
  .san{
    width:90%;
    height:487px;
    border:1px solid #ccc;
    margin-left: 5%;
    border-radius: 4px;
    position: absolute;
    top: 60%;
  }
  .san1{
  	float:left;
  	width:50%;
  }
  .van-icon-star{
    float:right;
    margin-top: 6%;
    margin-right: 7%;
  }
  .van-icon-shop{
	margin-top: 7%;
	margin-left: 5%;
	margin-right: 6%;
	float:left;
  }
  .van-icon-lock{
  	margin-top: 7%;
	margin-left: 5%;
	margin-right: 6%;
	float:left;
  }
  .van-icon-star{
  	margin-top: 7%;
	margin-left: 5%;
	margin-right: 6%;
	float:left;
  }
</style>
